<!--inside widget editor before-->
<div class="row">
  <div class="col-sm-6">
    <h4 class="header blue">Inside Widget</h4>

    <div class="widget-box">
      <div class="widget-header widget-header-small  header-color-green">
        <div class="widget-toolbar">
          <a href="#" data-action="collapse">
            <i class="icon-chevron-up"></i>
          </a>
        </div>
      </div>

      <div class="widget-body">
        <div class="widget-main no-padding">
          <div class="wysiwyg-editor" id="editor2"></div>
        </div>

        <div class="widget-toolbox padding-4 clearfix">
          <div class="btn-group pull-left">
            <button class="btn btn-sm btn-grey">
              <i class="icon-remove bigger-125"></i>
              Cancel
            </button>
          </div>

          <div class="btn-group pull-right">
            <button class="btn btn-sm btn-danger">
              <i class="icon-save bigger-125"></i>
              Save
            </button>

            <button class="btn btn-sm btn-success">
              <i class="icon-globe bigger-125"></i>

              Publish
              <i class="icon-arrow-right icon-on-right bigger-125"></i>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
  <!--inside widget editor after-->
<%= render partial: 'bootstrap_editor_script' %>